<template>
	<uni-popup ref="popup" type="center">
		<view class="popup-layout">
			<view class="title-row">资产与提现说明</view>
			<view class="sub-title">关于我的资产</view>
			<view class="content">我的资产=账户余额（可提现余额）+ 提现中但未到账的金额。</view>
			<view style="height: 32rpx;"></view>
			<view class="sub-title">关于资产提现</view>
			<view class="content">申请提现后，工作人员确认无误后金额将打到对应的银行账户中，此过程需要一定的时间，有问题请联系客服</view>
			<view class="know" @click="knowClick">我知道了</view>
			<view style="height: 32rpx;"></view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//显示弹窗
			show() {
				this.$refs.popup.open()
			},
			//我知道了
			knowClick(){
				this.$refs.popup.close()
			}
		}
	}
</script>

<style scoped lang="less">
	.popup-layout{
		width: calc(100% - 192rpx);
		background: #FFFFFF;
		border-radius: 32rpx;
		margin: 0 96rpx;
		padding: 0 48rpx;
		box-sizing: border-box;
	}
	.title-row{
		width: calc(100% + 96rpx);
		height: 112rpx;
		line-height: 112rpx;
		background: linear-gradient( 180deg, #D8F8FA 0%, #FFFFFF 100%);
		border-radius: 32rpx 32rpx 0rpx 0rpx;
		font-size: 32rpx;
		color: #01CBFF;
		text-align: center;
		margin: 0 -48rpx 16rpx -48rpx;
	}
	.sub-title{
		font-size: 32rpx;
		color: #021624;
		line-height: 48rpx;
		margin-bottom: 16rpx;
	}
	.content{
		font-size: 28rpx;
		color: #585F70;
		line-height: 40rpx;
	}
	.know{
		width: 100%;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		background: #01CBFF;
		border-radius: 44rpx;
		font-size: 32rpx;
		color: #FFFFFF;
		margin-top: 32rpx;
	}
</style>
